<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>夜景</title>
		<link href="css/bootstrap.min.css" rel="stylesheet" />
		<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
		<link href="css/flexslider.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/index2.css" />
		<link rel="stylesheet" type="text/css" href="demo.css">
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

		<style type="text/css">
			#footer {
				width: 100%;
				position: absolute;
				bottom: 0;
				color: black;
				background-color: #666;
				border-top: 1px solid #ccc;
				padding: 40px;
				text-align: center;
				color: #eee;
				margin-left: -136px;
			}
			
			.yj {
				color: #50e7ff;
				font-size: 55px;
				font-family: LiSu;
				line-height: 75px;
				margin-top: 15px;
			}
			
			.box-content:hover .img-responsive {
				transform: scale(1.3);
				/*缩放*/
			}
			
			.box-content {
				overflow: hidden;
				/*缩放时间*/
			}
			
			.img-responsive {
				transition: 1s;
				/*隐藏*/
			}
		</style>
	</head>

	<body style="background-image: url(img/demo-1-bg.jpg);">
		<div class="top">
			<div class="toplogo"><img src="img/zj.jpg"></div>
			<div class="toppg">湛江夜景</div>
			<div class="dhl">
				<ul>
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="new1.html">介绍</a>
					</li>
					<li>
						<a href="new2.html">特色</a>
					</li>
					<li>
						<a href="adout.html">关于</a>
					</li>
				</ul>
			</div>
		</div>

		<section id="content">
			<div class="container">
				<h3 class="yj">夜色弥漫</h3>
			</div>

			<div class="row box-section">

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps10.jpg">
							<img class="img-responsive" src="img/ps10.jpg" alt="">
							<!--<strong>海湾大桥 </strong>-->
						</a>
					</div>
					<br />
					<h3>海湾大桥 <span class="price pull-right"></span></h3>
					<p>湛江海湾大桥位于粤西的湛江地区，于湛江市平乐渡口上游1.3km处跨越麻斜海湾，湛江海湾大桥桥梁全长3981.17m。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps17.jpg">
							<img class="img-responsive" src="img/ps17.jpg" alt="">
						</a>
					</div>
					<br />
					<h3>霞山开发区<span class="price pull-right"></span></h3>
					<p>国家级湛江经济技术开发区与省级东海岛经济开发试验区合并，组成新的湛江经济技术开发区(广东湛江东海岛经济开发区)。陆地面积354平方公里，滩涂面积115平方公里，是目前全国面积最大的国家级开发区之一。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps2-1.jpg">
							<img class="img-responsive" src="img/ps2-1.jpg" alt="">
						</a>
					</div>
					<br/>
					<h3>君临世纪<span class="price pull-right"></span></h3>
					<p>君临世纪，湛江成功人士的置业首选。地址：湛江市赤坎区体育北路6号（体育中心北侧） 联系电话：400-819-1111转652025。</p>
				</div>
			</div>

			<br/>
			<br/>
			<div class="row box-section">
				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps19.jpg">
							<img class="img-responsive" src="img/ps19.jpg" alt="">
						</a>
					</div>
					<br />
					<h3>霞山街 <span class="price pull-right"></span></h3>
					<p>湛江市第二大步行街，尽管商铺特色不及赤坎步行街鲜明，人流不及赤坎步行街多，但路边的特色雕塑仍旧吸引了不少游客。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps9.jpg">
							<img class="img-responsive" src="img/ps9.jpg" alt="">

						</a>
					</div>
					<br />
					<h3>赤坎街<span class="img/yj6.jpg"></span></h3>
					<p>湛江赤坎步行街旧称法国大马路，整条街仅长400多米，却有着近百年的商业历史。如今步行街集合了众多特色小铺，吸引了很多游客前来购物。步行街距离世贸大厦很近，逛完步行街还可以去世贸大厦看一看。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps7.jpg">
							<img class="img-responsive" src="img/ps7.jpg" alt="">

						</a>
					</div>
					<br />
					<h3>海滨公园<span class="price pull-right"></span></h3>
					<p>海滨公园位于霞山海滨一路，园内绿荫夹道，椰树成林。富有浓郁的热带风光情趣。园内南端宽阔的海滩矗立着“南天海望”飞来巨石，北端建有醉海园、椰翠亭等景点及游乐中心。园中有利用海水潮差更换池水的泳池。</p>
				</div>

			</div>

			<br/>
			<br/>
			<div class="row box-section">
				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps18.jpg">
							<img class="img-responsive" src="img/ps18.jpg" alt="">
						</a>
					</div>
					<br />
					<h3>金沙湾<span class="price pull-right"></span></h3>
					<p>湛江金沙湾是宽阔笔直的军民路，两旁种植了各种热带植被。步行于金沙湾旁，感受着碧海椰风，令人心旷神怡，物我两忘。金沙湾是一个海滨沙滩浴场，也是一个观海休闲公园，有游船码头游览海湾。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps15.jpg">
							<img class="img-responsive" src="img/ps15.jpg" alt="">
						</a>
					</div>
					<br />
					<h3>湛江广州湾<span class="price pull-right"></span></h3>
					<p>旧称“广州湾”，别称“港城”，是广东省辖的地级市。位于中国大陆最南端雷州半岛上，地处粤桂琼三省区交汇处，南濒南海隔琼州海峡与海南省相望，西临北部湾，背靠大西南，东与茂名市相连。辖3个县级市、5个区和2个县。</p>
				</div>

				<div class="col-md-4">
					<div class="box-content">
						<a href="img/ps23.jpg">
							<img class="img-responsive" src="img/ps23.jpg" alt="">

						</a>
					</div>
					<br />
					<h3>湛江港<span class="price pull-right"></span></h3>
					<p>湛江港有黎湛铁路相通，以广东、广西、湖南、湖北及西南地区为腹地，是新中国成立之后最早建设的现代化港口，也是我国与东南亚、澳大利亚、印度洋沿岸和欧洲国家之间航程最短的外贸港口。</p>
				</div>
			</div>

			<footer id="footer">
				<div class="container">
					<p>版权归湛江人民所有</p>
					<p>如有事联系:13018596132</p>
				</div>
			</footer>

		</section>

		<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>

	</body>

</html>